$(function(){

    // 获取localStorage里的数据
    aaahistory()
  
   render()
  

  
   //  封装从localStorage里获取aaahistory数据的方法
    function aaahistory(){
     var history=localStorage.getItem('aaahistory')
     var info=JSON.parse(history) || [];  

       return info; 
     }
     // 封装渲染方法
     function render(){
         var info=aaahistory();
         $('.lt_history').html( template('tmp',{list:info}) );
     }
       
         //点击删除某条历史记录
     $('.lt_history').on('click','.btn_delete',function(){
      mui.confirm('您确定删除这条记录吗','温馨提示',["否","是"],function(e){
        if(e.index===1){
          var id=$(this).data('id')
          // 从localStorage获取数据
          var arr=aaahistory();

          //从数组中删除对应id的数据
          arr.splice(id,1)
        
          //将删除后新数组转为json字符串,并存储
          localStorage.setItem('aaahistory',JSON.stringify(arr))
        
          render()
        }
       })
     })

     //清空历史记录的功能
     $('.lt_history').on('click','.btn_empty',function(){
        mui.confirm('您确定要清空所有记录吗?','温馨提示',['否','是'],function(e){
        if(e.index===1){
       // 从localStorage里获取数据
        var arr=aaahistory();
     
       // 清空数组
        arr.splice(0)
          
       //将新的空数组 转为json字符串,并进行存储
        localStorage.setItem('aaahistory',JSON.stringify(arr))
    
        //  再次进行渲染
        render()
           }
        })
     })

     // 商品搜索功能,添加一条历史记录
    $('.btn-search').on('click',function(){
     var msg=$(this).prev().val().trim();
     // console.log(msg);
     // console.log(Boolean(msg));
     if(!msg){
        mui.toast('请输入搜索关键字',{ duration:'long', type:'div' }) 
        return
     }
     //获取localStorage的数据
     var arr=aaahistory()
     //判断该关键字是否在数组中已经存在,若存在,则先删除这个关键字
     if(arr.indexOf(msg)>=0){
       // 在数组中删除之前存在的
           arr.splice(arr.indexOf(msg),1)
     }

     // 最多10个
     if(arr.length>=10){
           arr.pop()
     }
   
     // console.log(arr);
     //将搜索信息添加在数组最前面,并存储
     arr.unshift(msg)
     localStorage.setItem('aaahistory',JSON.stringify(arr))
     //重新渲染
     render()

     location.href='searchList.html?ooo='+msg;
  })

  $('.lt_history').on('click','a',function(){
    var value=$(this).text();
    location.href="searchList.html?ooo="+value;
  })

  


})